<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的等级</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="__PUBLIC__/Card/css/weui.css" />
    <script src="__PUBLIC__/Card/js/weui.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<style type="text/css">
    body{
        background: #F8F8F8;
    }
    .jifen{
        color: #FF4B4A;
        text-align:right;
        width: 60px;
    }
    .weui-media-box_appmsg .weui-media-box__hd{
        width: 35px;
        height: 35px;
    }
    .weui-media-box__title{
        font-size: 14px;
    }
    .weui-media-box__desc{
        font-size: 12px;
    }
    .weui-media-box_appmsg .neirong{
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        flex: 2;
    }
    .weui-media-box{
        padding: 10px 15px;
    }
    .weui-media-box:before{
        left: 0;
    }
    .weui-panel__hd span{

    }
</style>
<body>
<div class="container" id="container">
    <div class="page panel js_show">

        <div class="weui-panel weui-panel_access">
            <div class="weui-panel__hd" style="overflow: hidden;background-color:#44bfc4;padding: 30px 10px;text-align: center;">
                <div style="font-size: 26px;margin: 0 auto;padding: 20px;width: 40px;height: 40px;line-height: 40px;background: #fff;border-radius: 50%;">{$info.mid|getlive=###,$info[bonus]}</div>
                <p style="padding: 10px 30px;color: #FFFFFF">我的积分：{$info.bonus}</p>
            </div>
        </div>
        <div class="weui-panel weui-panel_access">

              <div class="weui-panel__bd">
               <volist name="live" id="vo">
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg" style="padding:0px;">
                    <div class="weui-media-box__hd" style="padding:10px;">
                        <img class="weui-media-box__thumb" src="{$vo.icon}" alt="">
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title">{$vo.live}级</h4>
                        <p class="weui-media-box__desc">{$vo.welfare}</p>
                    </div>
                    <div class="weui-media-box__bd">{$vo.bonus}</div>
                </a>
               </volist>
              </div>

        </div>
    </div>
</div>
</body>
<script src="__STATIC_URL__/static/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
</script>
</html>